﻿@{
    ViewBag.Title = "Company";
    Layout = "~/Views/Shared/_Blank_Js.cshtml";
}
<style type="text/css">
    body {
        font-family: "Microsoft YaHei" !important;
        background-color: #eee;
    }

</style>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/MyBoot.css")">
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/company.css")">
<script type="text/javascript" src="@Url.Content("~/Content/chart/Chart.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/chart/Chart2.js")"></script>
<!--[if lte IE 8]>
            <script type="text/javascript" src="@Url.Content("~/Content/chart/assets/excanvas.js")"></script>
		<![endif]-->
<div class="container">
    <div class="row">
        <div class="span12">
            <div class="navbar" style="margin-bottom: 0px;">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <a class="btn btn-navbar" data-target=".navbar-responsive-collapse" data-toggle="collapse"></a><a class="brand" href="#"><i class="icon-home f20"></i>首页</a>
                        <div class="nav-collapse collapse navbar-responsive-collapse">
                            <ul class="nav pull-right">
                                <li class=""><a href="#">收藏</a> </li>
                                <li class=""><a href="#">登录</a> </li>
                                <li class=""><a href="#">注册</a> </li>
                                <li class=""><a href="#">帮助</a> </li>
                                <li class="divider-vertical"></li>
                                <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">用户名</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">管理后台</a> </li>
                                        <li><a href="#">神马中心</a> </li>
                                        <li class="divider"></li>
                                        <li><a href="#">修改密码</a> </li>
                                        <li><a href="#">注销</a> </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row controls-row">
        <div class="span12 bg-write" style="border-top-left-radius: 5px; border-top-right-radius: 5px;">
            <div class="row h100">
                <div class="span3">
                    <h1 class="hide">PIZZA
                    </h1>
                    <h1>
                        <img src="/Images/index/logo.gif" width="180" height="90" class="pl15" />
                    </h1>
                </div>
                <div class="span9">
                    <ul class="nav pull-right inline" id="Index_Nav">
                        <li class=""><a href="#">
                            <h4>首页</h4>
                            <i class="icon-angle-down hide"></i></a></li>
                        <li class="open"><a href="#">
                            <h4>工作点评</h4>
                            <i class="icon-angle-down"></i></a></li>
                        <li class=""><a href="#">
                            <h4>频道预留</h4>
                            <i class="icon-angle-down hide"></i></a></li>
                        <li class=""><a href="#">
                            <h4>频道预留</h4>
                            <i class="icon-angle-down hide"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span12 bcolor_green" style="height: 67px;">
            <div class="span4">
                <h4>工作点评</h4>
                <p class="t2">
                    上班族之各种吐槽
                </p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="span12 ">
            <div class="row">
                <div class="span9 mybrand myspan9" style="height: 310px">
                    <div class="row-fluid">
                        <div style="width: 270px;" class="text-center fl">
                            <div class="canvasWrapper" id="pieChart">
                                <canvas id="pieChartCanvas" width="180" height="180"></canvas>
                            </div>
                            <script type="text/javascript">
                                var globalGraphSettings = { animation: Modernizr.canvas };

                                var pieChartData = [
                                    {
                                        value: 30,
                                        color: "#F38630"
                                    },
                                    {
                                        value: 50,
                                        color: "#E0E4CC"
                                    },
                                    {
                                        value: 50,
                                        color: "#69D2E7"
                                    }
                                ];
                                function showPieChart() {
                                    var ctx = document.getElementById("pieChartCanvas").getContext("2d");
                                    new Chart(ctx).Pie(pieChartData, globalGraphSettings);
                                };

                                var graphInitDelay = 300;

                                $(function () {
                                    var $this = $("#pieChart");
                                    $this.removeClass("hidden").off("inview");
                                    setTimeout(showPieChart, graphInitDelay);

                                });

                            </script>
                            <ul class="inline" id="TotalPoint">
                                <li><a data-trigger="tooltip" data-content-elem="#tooltip_target1" class="label">很棒</a></li>
                                <li><a data-trigger="tooltip" data-content-elem="#tooltip_target1" class="label">满意</a></li>
                                <li class="open"><a data-trigger="tooltip" data-content-elem="#tooltip_target1" class="label">一般</a></li>
                                <li><a data-trigger="tooltip" data-content-elem="#tooltip_target1" class="label">不满</a></li>
                                <li><a data-trigger="tooltip" data-content-elem="#tooltip_target1" class="label">很差</a></li>
                            </ul>
                            <div id="tooltip_target1" class="tooltip pos_n" style="left: 567px; top: 15479px; display: block;">
                                <span>50个人进行评价</span>
                                <ul>
                                    <li>公司太烂</li>
                                    <li>坑爹</li>
                                    <li>坑爹</li>
                                    <li>坑爹</li>
                                </ul>
                                <div class="pointer">
                                </div>
                            </div>
                            <pre style="width: 236px" class="m_auto">这家人没有什么优点,也没有什么缺点
</pre>
                        </div>
                        <div id="companyinfo">
                            <button type="button" class="btn abs-right m15">
                                <i class="icon-plus-sign-alt"></i>关注</button>
                            <button type="button" class="btn btn-success abs-right" style="right: 1px; top: 80px;">
                                <i class="icon-double-angle-left"></i>
                                <br />
                                各<br />
                                项<br />
                                指<br />
                                标<br />
                            </button>
                            <h2 data-trigger="tooltip" data-content="广东福张有限公司广东福张有限公司广东福张有限公司广东福张有限公司">广东福张有限公司广东福张有限司</h2>
                            <div class="row-fluid ">
                                <div class="span1">
                                    <div class="well">
                                        <i class="icon-eye-open"></i>
                                    </div>
                                </div>
                                <div class="span3">
                                    <div class="companyinfo_tab1">
                                        <h4 class="green">关注</h4>
                                        <p class="font_bold green">
                                            1234556
                                        </p>
                                        <p class="dgray">
                                            被围观次数
                                        </p>
                                    </div>
                                </div>
                                <div class="span1">
                                    <div class="well">
                                        <i class="icon-comment"></i>
                                    </div>
                                </div>
                                <div class="span3">
                                    <div class="companyinfo_tab1">
                                        <h4 class="green">评论</h4>
                                        <p class="font_bold green">
                                            1234556
                                        </p>
                                        <p class="dgray">
                                            点评次数
                                        </p>
                                    </div>
                                </div>
                                <div class="span1">
                                    <div class="well">
                                        <i class="icon-star"></i>
                                    </div>
                                </div>
                                <div class="span3">
                                    <div class="companyinfo_tab1">
                                        <h4 class="green">排名</h4>
                                        <p class="font_bold green">
                                            1234556
                                        </p>
                                        <p class="dgray">
                                            最受欢迎
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="hr_dashed_left">
                            </div>
                            <dl class="dl-horizontal">
                                <dt>员工规模</dt>
                                <dd>500人以上</dd>
                                <dt>所属行业</dt>
                                <dd>计算机服务页</dd>
                                <dt>公司地址</dt>
                                <dd>广州市白云岩阿什顿飞家阿斯顿f栋</dd>
                                <dt>公司地址</dt>
                                <dd>广州市白云岩阿什顿飞家阿斯顿f栋</dd>
                                <dt>联系方式</dt>
                                <dd>84621123468445</dd>
                                <dd>84621123468445</dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <div class="span3 mybrand myspan3" style="height: 310px;" id="oppr_company">
                    <ul class="inline">
                        <li><a><i class="icon-edit"></i>我要写点评</a></li>
                        <li><a><i class="icon-book"></i>我的面试记</a></li>
                        <li><a><i class="icon-bar-chart"></i>点评比一比</a></li>
                        <li><a><i class="icon-time"></i>雇主入驻</a></li>
                    </ul>
                </div>
                <div class="span9 myspan9">
                    @Html.Partial("~/Views/ToolComp/CompanyLittleNav.cshtml")
                    <div class="row-fluid bg-write">
                        <div class="span12 ">
                            <div class="tabbable" id="tabs-57208">
                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#panel-678649" data-toggle="tab">全部点评(9)</a> </li>
                                    <li><a href="#panel-67385" data-toggle="tab">优点</a> </li>
                                    <li><a href="#panel-67385" data-toggle="tab">缺点</a> </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid peopleinfo relative">
                        <div class="btn-group mr20 mt10 peopleinfo_ding">
                            <button class="btn btn-danger">
                                <i class="icon-thumbs-up"></i>说得好
                            </button>
                            <button class="btn disabled">
                                15764人</button>
                        </div>
                        <div class="peopleinfo_hr">
                        </div>
                        <div class="span12" style="height: 80px;">
                            <div class="peopleinfo_img fl">
                                <i class="icon-github-alt" style="font-size: 60px;"></i>
                            </div>
                            <ul class="inline">
                                <li style="width: 160px;">
                                    <h4 class="mb0">lenove457</h4>
                                    <p>
                                        1922-05-02 18:20
                                    </p>
                                </li>
                                <li style="width: auto">
                                    <p>
                                        曾经任职:开发工程师
                                    </p>
                                </li>
                            </ul>
                        </div>
                        <div class="span12">
                            <dl class="dl-horizontal people_discu_info">
                                <dt></dt>
                                <dd>A description list is perfect for defining terms.</dd>
                                <dt class="mt10"><span class="red">优点</span> </dt>
                                <dd class="mt10">Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
                                <dd>Donec id elit non mi porta gravida at eget metus.</dd>
                                <dt class="mt10"><span class="green">缺点</span></dt>
                                <dd class="mt10">Etiam porta sem malesuada magna mollis euismod.</dd>
                                <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
                                <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
                            </dl>
                        </div>
                        <div class="span12">
                            <div class="alert alert-success offset1 span9 mb10 text-center">
                                119人购买过此点评,50个人认为有帮助,你需要支付100金币才可以查看.
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid peopleinfo relative">
                        <div class="btn-group mr20 mt10 peopleinfo_ding">
                            <button class="btn btn-danger">
                                <i class="icon-thumbs-up"></i>说得好
                            </button>
                            <button class="btn disabled">
                                15764人</button>
                        </div>
                        <div class="peopleinfo_hr">
                        </div>
                        <div class="span12" style="height: 80px;">
                            <div class="peopleinfo_img fl">
                                <i class="icon-github-alt" style="font-size: 60px;"></i>
                            </div>
                            <ul class="inline">
                                <li style="width: 160px;">
                                    <h4 class="mb0">lenove457</h4>
                                    <p>
                                        1922-05-02 18:20
                                    </p>
                                </li>
                                <li style="width: auto">
                                    <p>
                                        曾经任职:开发工程师
                                    </p>
                                </li>
                            </ul>
                        </div>
                        <div class="span12">
                            <div class="alert alert-info offset1 span9 mb10 ">
                                <i class="icon-comments fl" style="font-size: 40px; margin: 0 15px"></i>你必须发布第一条评论信息才能查看所有的评论信息,<a
                                    href="#">发布评论</a><br />
                                什么!?没有账号?<a href="#">马上注册</a>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid peopleinfo relative">
                        <div class="span12">
                            <div class="alert alert-info offset1 span10 mb10 mt15 ">
                                <i class="icon-success fl" style="font-size: 40px; margin: 0 15px;"></i><span class="fl"
                                    style="font-size: 20px; line-height: 26px;">哟,还没有人对这家人进行评论!欢迎你第一个点评!<br />
                                    发表一个点评得20个金币.<a href="#">什么是金币?</a></span>
                                <div class="btn-group btn-group-vertical fr">
                                    <button type="button" class="btn">
                                        <i class="icon-edit"></i>我要写点评</button>
                                    <button type="button" class="btn">
                                        <i class="icon-book"></i>我去过面试</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid mt5 ">
                        <a class="span12 alert alert-success text-center" style="cursor: pointer">查看更多点评信息 >> </a>
                    </div>
                </div>
                <div class="span3 myspan3">
                    <div class="row-fluid mybrand">
                        <div class="span12">
                            <h4 class="font_normal ml10">行业内其他热门企业
                            </h4>
                            <ul class="unstyled" id="company_ad">
                                <li class="icon-sign-blank company_ad_list"><a>广州腹胀有限公司</a>
                                    <dl class="dl-horizontal">
                                        <dt>13条评论</dt>
                                        <dd>15条面试</dd>
                                    </dl>
                                </li>
                            </ul>
                            <ul class="unstyled" id="company_ad">
                                <li class="icon-sign-blank company_ad_list"><a>广州腹胀有限公司</a>
                                    <dl class="dl-horizontal">
                                        <dt>13条评论</dt>
                                        <dd>15条面试</dd>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12 mybrand">
                            <h4 class="font_normal ml10">关注TA的人
                            </h4>
                            <div class="people_small_card_warp mt5 ml10">
                                <a data-trigger="tooltip" data-content-elem="#peoplecard_tooltip_target">
                                    <img src="/Images/index/logo.gif" /></a> <a data-trigger="tooltip" data-content-elem="#peoplecard_tooltip_target">
                                        <i class="icon-github-alt"></i></a>
                            </div>
                            <div id="peoplecard_tooltip_target" class="tooltip pos_n" style="left: 567px; top: 15479px; display: block;">
                                <span>姓名</span>
                                <dl class="dl-horizontal peoplecard_tooltip_target_dl">
                                    <dt>13条评论</dt>
                                    <dd>15条面试</dd>
                                    <dt>简介</dt>
                                    <dd>dasdfasdf</dd>
                                </dl>
                                <div class="pointer">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
